<template>
  <div class="home">
    <Banner />
    <Menu />
    <div class="content">
      <TabBar />
      <Border text="协议主体" num="1" />
      <From1 />
      <Border text="产品政策" num="2" />
      <From2 />
      <Border text="补充协议" num="2" />
      <Tabs />
      <div class="btn"><el-button type="primary">保存</el-button></div>
    </div>
  </div>
</template>

<script>
import Banner from "../components/banner";
import TabBar from "../components/tabbar";
import Border from "../components/border";
import From1 from "../components/From1";
import From2 from "../components/From2";
import Tabs from "../components/tabs";
import Menu from "../components/menu";
export default {
  name: "HomeView",
  data() {
    return {
      icon: [],
    };
  },
  components: {
    Banner,
    TabBar,
    Border,
    From1,
    From2,
    Tabs,
    Menu,
  },
};
</script>

<style scoped>
.content {
  width: 86.7%;
  height: 100%;
  margin-left: 200px;
  background-color: #f2f2f2;
}

.btn {
  overflow: hidden;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  margin-top: 30px;
}

.el-button {
  margin: 10px 20px !important;
}
</style>
